<!DOCTYPE HTML>

<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>{block name=title}{$this->config->item('title_website')}{/block}</title>
  <meta name="description" CONTENT="{block name=description}{$this->config->item('description_website')}{/block}" />
  <meta name="robots" CONTENT="index, follow" />
  <meta name="googlebot" CONTENT="index, follow" />
  <meta name="copyright" CONTENT="{$this->config->item('copyright')}" />
  <meta name="author" CONTENT="{$this->config->item('author')}" />
  <link rel="shortcut icon" href="{'favicon.ico'|assets_img}" type="image/x-icon" />
  <link rel="icon" href="{'1384419571.ico'|assets_img}" type="image/x-icon" />
  <link rel="apple-touch-icon" href="{'favicon.ico'|assets_img}" />

  {''|clear_assets_cache}
  {array('style.css')|assets_css}

  <script type="text/javascript">
    var $base_url='{$BASE_URL}';
  </script>
</head>

<body>

  <header>
    <div id="header"> 
      <div class="pageContent">
        <div class="logo"><a href={''|base_url}><img src="{'logo.png'|assets_img}"/></a></div> 
        <div class="col-right">
          {assign var="languages" value=$this->registry->get('language')}
          {if !empty($languages)}
          <div class="language"><span>{'language'|trans}</span>
            {foreach from=$languages item=item}
              <a href="{$BASE_URL}change_language?lang_code={$item['lang_code']}&current_url={''|current_url}"><img border="0" src="{$item['avartar']|assets_img}"></a>
            {/foreach}
          </div>
          {/if}
          {include file="components/search.tpl"}
        </div>
        <div id="navMain">
          {include file="components/navigation.tpl"}
        </div>
      </div>
    </div>
  </header>
  <div id="wrapper bgbody">
    {block name=content}{/block}
  </div>
  <footer>
    <div id="footer">
      <div class="pageContent">
        <p class="copyright">{$this->config->item('footer')}</p>
      </div>
    </div>
  </footer>

  <!-- Scripts -->
  {array('jquery')|assets_cdn}
  {array('jquery.mousewheel-3.0.6.pack.js','jquery.bxslider.min.js','scripts.js')|assets_js}
  <div id="wrap">
    <img class="bgfade" src="{'1389859221.jpg'|assets_img}" /><img class="bgfade" src="{'1386912205.jpg'|assets_img}" />
  </div>
  <script>
    {literal}
      $(window).load(function(){
        $('img.bgfade').hide();
        var dg_H = $(window).height();
        var dg_W = $(window).width();
        $('#wrap').css({'height':dg_H,'width':dg_W});
        function anim() {
          $("#wrap img.bgfade").first().appendTo('#wrap').fadeOut(1500);
          $("#wrap img").first().fadeIn(1500);
          setTimeout(anim, 3000);
        }
        anim();
      })
      $(window).resize(function(){window.location.href=window.location.href})
    {/literal}
  </script>

</body>

</html>